<template>
  <div>
      {{arr}}
  </div>
</template>

<script>
import {mapState,mapActions} from "vuex"
export default {
    mounted () {
        this.getlist() // 调用 
        //    console.log( this.$store,"11111");
        //    this.$store.dispatch({
        //        type:"getlist",
        //        // payload 是组件要给仓库传递数据，视情况而定，可以不写
        //    })
    },
     methods: {
        ...mapActions(['getlist']), // 把仓库中action里的方法拿过来

        setname () {
        
           this.$store.commit({ // 修改数据的方法
               type:"setName", // 这个type必须叫type
               payload:"lisi" // 这个payload 可以随意起名字
           })
        },
    },
    computed:{
        ...mapState(['arr']) // 只是把仓库里的数据拿过来，在html里使用
    }
}
</script>

<style>

</style>